<?xml version="1.0" encoding="UTF-8"?>
<ui:decorate  template="/xhtml/plantillas/baseSeguridad.xhtml"
              xmlns:p="http://primefaces.org/ui"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:ui="http://java.sun.com/jsf/facelets">    

    <ui:define name="titulo">Administrar Cita</ui:define>

    <ui:define name="java_script">
    </ui:define>   

    <ui:define name="contenido">

        <h:outputText value="#{label['administrar.cita']}" class="encabezado"/>             
        <hr id="horizontalLine" style="width: 780px; margin-left: 20px"/>
        <h:panelGrid columns="10" class="panelFormulario" >
            <p:accordionPanel id="id_acordion"  style="margin-top: 20px; width: 770px" >  
                <p:tab title="Cita">         

                    <p:fieldset legend="Detalle Cita">
                        <p:panelGrid>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['cliente']}" escape="false"/>
                                </p:column> 
                                <p:column>  
                                    <p:inputText id="id_cliente" value="#{beanAdministrarCitas.identificacion_c}" disabled="true"/>                                    
                                </p:column>
                                <p:column>                        
                                    <p:commandButton icon="ui-icon-info" title="Cliente" onclick="dcliente.show();"
                                                     type="button" style="margin-left: 10px">
                                    </p:commandButton>                                                     
                                </p:column>   
                                <p:column>  
                                    <p:inputText id="id_dsc_cliente" value="#{beanAdministrarCitas.dsc_cliente}"
                                                 style="width: 300px" disabled="true" rendered="#{beanAdministrarCitas.dsc_cliente eq null  ? false : true}"/>                                    
                                </p:column>                                                                
                            </p:row>     
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['usuario']}" escape="false"/>
                                </p:column> 
                                <p:column>  
                                    <p:inputText id="id_usuario" value="#{beanAdministrarCitas.identificacion_u}" disabled="true"/>                                    
                                </p:column>
                                <p:column>                        
                                    <p:commandButton icon="ui-icon-info" title="Usuario" onclick="dusuario.show();"
                                                     type="button" style="margin-left: 10px">
                                    </p:commandButton>                                                     
                                </p:column> 
                                <p:column>  
                                    <p:inputText id="id_dsc_usuario" value="#{beanAdministrarCitas.dsc_usuario}"
                                                 style="width: 300px" disabled="true" rendered="#{beanAdministrarCitas.dsc_usuario eq null ? false:true}"/>                                    
                                </p:column>                                
                            </p:row>           
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['plan.pago']}" />               
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="id_plan"
                                                     effect="fade" 
                                                     disabled="#{!beanAdministrarCitas.habilitar}"
                                                     style="width: 150px;"
                                                     value="#{beanAdministrarCitas.id_plan}"                                                  
                                                     >
                                        <p:ajax event="change" listener="#{beanAdministrarCitas.asignarEspPlan()}"
                                                update=":form_conci:id_acordion:id_especialidad :form_conci:id_acordion:id_plan" /> 
                                        <f:selectItem itemLabel="" itemValue="0"/>
                                        <f:selectItems value="#{beanAdministrarCitas.listado_planes}"
                                                       var="especialidad"
                                                       itemLabel="#{especialidad.nombre_plan}"
                                                       itemValue="#{especialidad.id_plan_cliente}" />                                    
                                    </p:selectOneMenu>   
                                </p:column>
                            </p:row>                                   
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['especialidad']}" />               
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="id_especialidad"
                                                     effect="fade" disabled="#{beanAdministrarCitas.des_esp}"
                                                     style="width: 150px;"
                                                     value="#{beanAdministrarCitas.id_especialidad}"                                                  
                                                     >
                                        <f:selectItem itemLabel="" itemValue="0"/>
                                        <f:selectItems value="#{beanAdministrarCitas.listado_especialidad}"
                                                       var="especialidad" 
                                                       itemLabel="#{especialidad.nombre}"
                                                       itemValue="#{especialidad.id_especialidad}" />                                    
                                    </p:selectOneMenu>   
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['estado']}" />               
                                </p:column>
                                <p:column>
                                    <p:selectOneMenu id="id_estado"
                                                     effect="fade" disabled="#{!beanAdministrarCitas.habilitar}"
                                                     style="width: 150px;"
                                                     value="#{beanAdministrarCitas.id_estado}"                                                  
                                                     >
                                        <f:selectItem itemLabel="" itemValue="0"/>
                                        <f:selectItems value="#{beanAdministrarCitas.listado_estado}"
                                                       var="especialidad"
                                                       itemLabel="#{especialidad.nombre}"
                                                       itemValue="#{especialidad.id_estado_cita}" />                                    
                                    </p:selectOneMenu>   
                                </p:column>
                            </p:row>                                                 
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['fecha']}" />               
                                </p:column>
                                <p:column>
                                    <p:calendar style="width:10px" id="id_fecha" disabled="#{!beanAdministrarCitas.habilitar}" effect="slide"
                                                readonlyInput="true" value="#{beanAdministrarCitas.fecha}" mindate="#{beanAdministrarCitas.fecha_minima}"
                                                pattern="dd/MM/yyyy" navigator="true" maxlength="10" yearRange="1940"></p:calendar> 
                                </p:column>
                            </p:row>
                            <p:row>
                                <p:column>
                                    <h:outputText  styleClass="etiqueta" value="#{label['hora']}" />               
                                </p:column>
                                <p:column>
                                    <p:calendar  id="id_hora_cita" maxlength="8" disabled="#{!beanAdministrarCitas.habilitar}"
                                                 style="width: 65px;" value="#{beanAdministrarCitas.hora}"   
                                                 onkeypress="javascript:return soloNumeros(event)" 
                                                 readonlyInput="true" minHour="8" effect="slide"
                                                 pattern="HH:mm:ss" showButtonPanel="false"
                                                 timeOnly="true">
                                    </p:calendar>
                                </p:column>
                            </p:row>                           
                        </p:panelGrid>
                    </p:fieldset>                    
                    <p:column><p:commandButton value="Limpiar" icon="ui-icon-arrow-4-diag" action="#{beanAdministrarCitas.limpiarCita()}"
                                               update=":form_conci"  style="margin-left: 380px" /></p:column>
                    <p:column><p:commandButton value="Eliminar" icon="ui-icon-trash" disabled="#{!beanAdministrarCitas.modificar}" 
                                               onclick="confirmation.show()" /></p:column>
                    <p:column><p:commandButton value="Guardar"  icon="ui-icon-disk" action="#{beanAdministrarCitas.guardarCita()}"
                                               update=":form_conci" disabled="#{beanAdministrarCitas.ocultar}"/></p:column>       
                </p:tab>  
            </p:accordionPanel>                                          

        </h:panelGrid>        
        <p:fieldset legend="Lista de Citas" style="width: 760px">
            <p:dataTable id="dataTable" var="cita"  
                         rows="5" value="#{beanAdministrarCitas.listado_modelo_citas}"                           
                         rowsPerPageTemplate="5,10,15" selectionMode="single" 
                         selection="#{beanAdministrarCitas.modelo_citas_tabla}"
                         rowKey="#{cita.id_cita}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">  
                <p:ajax  event="rowSelect"  update=":form_conci" 
                         listener="#{beanAdministrarCitas.seleccionarCita()}"/>

                <p:column headerText="#{label['cliente']}" style="width: 200px; text-align: center" filterBy="#{cita.nombre_cliente}" filterMatchMode="contains">                      
                    <h:outputText value="#{cita.nombre_cliente}" />  
                </p:column>  

                <p:column headerText="#{label['usuario']}" style="width: 200px; text-align: center" filterBy="#{cita.nombre_usuario}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.nombre_usuario}" />  
                </p:column>                
                <p:column headerText="#{label['estado']}" style="width: 100px; text-align: center" filterBy="#{cita.dscEstado}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.dscEstado}" />  
                </p:column>
                <p:column headerText="#{label['especialidad']}" style="width: 100px; text-align: center" filterBy="#{cita.dscEspecialidad}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.dscEspecialidad}" />  
                </p:column>     
                <p:column headerText="#{label['fecha']}" style="width: 100px; text-align: center" filterBy="#{cita.fechareal}" filterMatchMode="contains" filterOptions="" >                      
                    <h:outputText value="#{cita.fechareal}" >
                        <f:converter converterId="DateConverter" />
                        <f:attribute name="patron" value="dd/MM/yyyy"/>  
                    </h:outputText>  
                </p:column>                      
            </p:dataTable>  
        </p:fieldset>
        <p:confirmDialog id="confirmDialog" message="Esta seguro que desea eliminar la cita seleccionada?"  
                         header="Eliminar Cita" severity="alert" widgetVar="confirmation">  

            <p:commandButton id="confirm" value="Aceptar" action="#{beanAdministrarCitas.eliminarCita()}" oncomplete="confirmation.hide()" update=":form_conci"/>  
            <p:commandButton id="decline" value="Cancelar" onclick="confirmation.hide()" type="button" />   

        </p:confirmDialog>      

        <p:dialog id="id_lista_clientes" header="Lista de Clientes" widgetVar="dcliente" 
                  showEffect="clip" hideEffect="explode" modal="true" >  
            <p:dataTable id="dataTableClientes" var="usuario" style="width: 750px" 
                         rows="5" value="#{beanAdministrarCitas.listado_persona_cliente}"                           
                         rowsPerPageTemplate="5,10,15" selectionMode="single" 
                         selection="#{beanAdministrarCitas.persona_cliente_tabla}"
                         rowKey="#{usuario.identificacion}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">  

                <p:ajax  event="rowSelect"  update=":form_conci" 
                         listener="#{beanAdministrarCitas.seleccionarCliente()}"/>

                <p:column headerText="Nombre" filterBy="#{usuario.nombre}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.nombre}" />  
                </p:column>  

                <p:column headerText="Primer Apellido" filterBy="#{usuario.apellido1}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.apellido1}" />  
                </p:column>  

                <p:column headerText="Segundo Apellido" filterBy="#{usuario.apellido2}"  style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.apellido2}" />  
                </p:column>  

                <p:column headerText="Identificación" filterBy="#{usuario.identificacion}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.identificacion}" />  
                </p:column>  
            </p:dataTable>              
        </p:dialog>  

        <p:dialog id="id_lista_usuarios" header="Lista de Usuarios" widgetVar="dusuario" 
                  showEffect="clip" hideEffect="explode" modal="true" >  
            <p:dataTable id="dataTableUsuarios" var="usuario" style="width: 750px" 
                         rows="5" value="#{beanAdministrarCitas.listado_persona_usuario}"                           
                         rowsPerPageTemplate="5,10,15" selectionMode="single" 
                         selection="#{beanAdministrarCitas.persona_usuario_tabla}"
                         rowKey="#{usuario.identificacion}"
                         paginator="true"
                         filterEvent="enter"
                         paginatorPosition="bottom">  

                <p:ajax  event="rowSelect"  update=":form_conci" 
                         listener="#{beanAdministrarCitas.seleccionarUsuario()}"/>

                <p:column headerText="Nombre" filterBy="#{usuario.nombre}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.nombre}" />  
                </p:column>  

                <p:column headerText="Primer Apellido" filterBy="#{usuario.apellido1}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.apellido1}" />  
                </p:column>  

                <p:column headerText="Segundo Apellido" filterBy="#{usuario.apellido2}"  style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.apellido2}" />  
                </p:column>  

                <p:column headerText="Identificación" filterBy="#{usuario.identificacion}" style="text-align: center" filterMatchMode="contains">                      
                    <h:outputText value="#{usuario.identificacion}" />  
                </p:column>  
            </p:dataTable>              
        </p:dialog>                  

    </ui:define>
</ui:decorate>
